import styled from "styled-components";

export const Tab = styled.div`
    height: 3.3rem;
    width: 96%;
    margin-left: 0.2rem;
    border-radius: 10px;
    /* border: 1px solid red; */
    background-color: #fff;
`
export const Top = styled.div`
    .money-container {
        padding-top: 0.2rem;
        margin-top: 0.5rem;
        width: 100%;
        display: flex;
        height: 0.8rem;
        line-height: 0.8rem;
        /* justify-content: center; */
        margin: auto;
        background-color: white;
        border-radius: 10px;
    }
    .money-sale {
        padding-left: 0.35rem;
        font-size: 0.45rem;
        color: #222222;
    }
    .money-more {
        margin-top: 0.05rem;
        margin-left: 5.5rem;
        font-size: 0.35rem;
        float: right;
        color: #c5c5c5;
    }
    .money-container img {
        padding-top: 0.32rem;
        height: 0.26rem;
        width: 0.26rem;
    }
`

export const Item = styled.div`
    display: flex;
    .money-list1, .money-list2, .money-list3, .money-list4 {
        height: 2rem;
        flex: 1;
    }
    .money-number {
        font-size: 0.2rem;
        margin-top: 0.2rem;
    }
    .money-number span {
        font-size: 0.5rem;
        font-weight: 700;
        margin-right: 0.1rem;
    }
    .money-title {
        margin-top: 0.2rem;
        font-size: 0.35rem;
    }
    .money-label {
        font-size: 0.2rem;
        color: #999999;
    }
`